<template>
	<view>
		<!-- 是否开通会员 -->
		<uv-popup ref="popup" bgColor="rgba(0,0,0,0)">
			<view class="popupVip">
				<image src="../../static/images/popupBg1.png" mode=""></image>
				<view class="popupVipBox">
					<view class="popupVipTitle">您还不是会员，成为会员才能进行该操作</view>
					<view class="popupVipBtn">
						<view class="" @click="contactFn">联系红娘</view>
						<view class="" @click="$util.redirectTo('/otherpages/vip/vip')">开通会员</view>
					</view>
				</view>
			</view>
		</uv-popup>
		
		<uv-popup ref="popupContact" bgColor="rgba(0,0,0,0)">
			<view class="popupContact">
				<image class="popupContactImg" src="../../static/images/popupBg2.png" mode=""></image>
				<view class="popupContactBox">
					<image :show-menu-by-longpress="true" :src="infoIndex.matchmaker_image" mode=""></image>
					<view class="popupContactBtn flex_center">
						<text class="iconfont icon-dianji-shouzhi" style="font-size: 36rpx font-weight: 600;;"></text>
						<text class="m-l-20">长按添加红娘微信</text>
					</view>
				</view>
				<view class="popupContactBoxBottom">
					<view class="flex_a h-120">
						<view class="font-28">咨询热线：{{infoIndex.sever_mobile}}</view>
						<view class="copy" @click="$util.copy(infoIndex.sever_mobile)">复制</view>
					</view>
				</view>
			</view>
		</uv-popup>
	</view>
</template>

<script>
	export default {
		name:"noneVip",
		data() {
			return {
				infoIndex:{}
			};
		},
		created() {
			this.getIndex()
		},
		methods:{
			// 联系红娘
			contactFn() {
				this.$refs.popupContact.open('center');
				this.$refs.popup.close();
			},
			getIndex() {
				this.$api.sendRequest({
					url:'/api/Index/index',
					success:res=>{
						this.infoIndex = res.data
					}
				})
			},
			openFn() {
				this.$refs.popup.open('center');
			},
			
		}
	}
</script>

<style lang="less">
	.popupVip {
		width: 654rpx;
		height: 464rpx;
		position: relative;

		image {
			position: absolute;
			left: 0;
			top: 0;
			width: 654rpx;
			height: 464rpx;
		}

		.popupVipBox {
			position: absolute;
			left: 0;
			top: 0;
			width: 654rpx;
			height: 464rpx;
			padding-top: 112rpx;

			.popupVipTitle {
				width: 396rpx;
				height: 80rpx;
				font-size: 30rpx;
				font-family: PingFangSC-Medium;
				line-height: 40rpx;
				color: #604435;
				opacity: 1;
				text-align: center;
				margin: 0 auto;
			}

			.popupVipBtn {
				// position: absolute;
				margin-top: 144rpx;
				left: 0;
				bottom: 44rpx;
				width: 654rpx;
				height: 80rpx;
				display: flex;
				justify-content: center;

				:nth-child(1) {
					width: 276rpx;
					height: 80rpx;
					background: #ff5e0f;
					opacity: 1;
					border-radius: 44rpx;
					font-size: 30rpx;
					font-family: PingFangSC-Medium;
					line-height: 80rpx;
					color: #FFFFFF;
					text-align: center;
					margin-right: 20rpx;
					box-shadow: 0px 0rpx 2rpx 6rpx rgba(255, 255, 255, 0.8);
					/*blur值为5px*/
				}

				:nth-child(2) {
					width: 276rpx;
					height: 80rpx;
					background: #ffbd00;
					opacity: 1;
					border-radius: 44rpx;
					font-size: 30rpx;
					font-family: PingFangSC-Medium;
					line-height: 80rpx;
					color: #FFFFFF;
					text-align: center;
					box-shadow: 0px 0rpx 2px 6rpx rgba(255, 255, 255, 0.8);
					/*blur值为5px*/
				}
			}
		}
	}
	
	.popupContact {
		width: 654rpx;
		height: 712rpx;
		position: relative;
	
		.popupContactBoxBottom {
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -302rpx;
			width: 604rpx;
			height: 142rpx;
			line-height: 142rpx;
			border-top: 4rpx dashed #d1d1d1;
	
			.copy {
				width: 56rpx;
				height: 36rpx;
				background: #f2f2f2;
				opacity: 1;
				border-radius: 6rpx;
				text-align: center;
				font-size: 20rpx;
				font-family: PingFangSC-Regular;
				line-height: 36rpx;
				color: #9A9A9A;
			}
		}
	
		.popupContactImg {
			position: absolute;
			width: 654rpx;
			height: 712rpx;
		}
	
		.popupContactBox {
			position: absolute;
			width: 654rpx;
			height: 712rpx;
			text-align: center;
	
			image {
				margin-top: 88rpx;
				width: 312rpx;
				height: 312rpx;
			}
	
			.popupContactBtn {
				margin: 0 auto;
				margin-top: 64rpx;
				width: 390rpx;
				height: 72rpx;
				background: #fef4ef;
				opacity: 1;
				border-radius: 8rpx;
	
				text {
					font-size: 32rpx;
					font-family: PingFangSC-Regular;
					line-height: 28rpx;
					color: #EC6930;
				}
			}
		}
	}
</style>